ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;text-decoration:none;}
.content{width: 1050px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
body{font-family: "微软雅黑";position: relative;background: #fff; font-size: 14px; line-height: 23px;}
li{font-family: "微软雅黑";list-style:none;}
img{ border:0px none;}
a{text-decoration:none; color:#666;}
a:hover{ color:#2388f2;}
.opacity{ position:relative; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;}

/*header*/
.header{ width: 100%; height: 120px; background: url(images/top_bg.jpg) center repeat-y;}
.header .logo{ width: 321px; height: 120px; margin-top: 20px;}
.eng{ width: 122px; height: 120px; position: absolute; right: 0; top: 0;}
.eng a{ color: #77a5d5; background:#13457a; display: block; line-height: 120px; text-align: center;}
.eng a:hover{ color: #6f99c5;}

.nav{width:709px;height: auto;}
.nav li{position: relative;width: 117px;height: auto; z-index:11111; float: left;}
.nav a.tit{display: block;width: 100%; height:120px; font-size: 16px;line-height: 120px;color: #fff;text-align: center;}
.nav li.hover a.tit{color: #fff; background: #2388f2;}

.nav a.tit2{display: block;width: 100%; height:120px; font-size: 16px;line-height: 120px;color: #fff;text-align: center; background: #2388f2;}
.nav li.hover a.tit2{color: #fff; background: #2388f2;}

.subnav{ display:none;width: 100%; height: auto; background: #fff; padding: 10px 0;}
.subnav a{ display: block; width: 100%; text-align: center; height: auto; line-height: 33px;}

/*banner*/
.banner{ width: 100%; height: 756px; background: url(images/banner.jpg) center no-repeat; position: relative;}
.about{ width: 100%; height: 236px; background: rgba(10,49,89,.7); margin-top: -236px; z-index: 11111; position:relative;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b20a3159,endColorstr=#b20a3159);}
.aboutleft{ width: 535px; height: 236px; float: left; right: 100px;}
.aboutleft i{ width: 20px; height: 20px; background: #2388f2; display: block; float: left; margin-top: 38px; margin-right: 16px;}
.aboutleft h3{ color: #fff; font-size: 28px; width: 190px; float: left; line-height: 67px; padding-top: 15px;}
.aboutleft span{ color: #989ca2; width: 200px; float: left; padding-top: 42px;}
.aboutleft p{ color: #d6d7db; width:535px; clear: both;}
.aboutleft a{ color: #2388f2; line-height: 50px;}
.aboutright{ width: 501px; height: 236px; left: 100px; float:right; position:relative;}
.aboutright .aboutright2{ margin-top:-23px; position:absolute;}

/*news*/
.news{ width: 100%; height: 633px; background: #f5f5f5;}
.news_bt{ width: 136px; height: 77px; background: url(images/news_bt.png) no-repeat 0 45px; margin: 0 auto; padding-top: 45px;}
.news .newsimg{ width: 410px; height: 405px; float: left; background: #fff; margin-top: 25px; right: 100px;}
.news .newsright{ width: 626px; height: 405px; float: right; background: #fff; overflow: hidden; margin-top: 25px; left: 100px;}

.news_li{ width: 585px; height: 128px; border-bottom: 1px solid #e5e5e5; margin: 0 auto;}
.news_li .left{ width: 60px; height: auto; float: left; padding: 0; margin: 0;}
.news_li .left h1{ width: 60px; height: auto; float: left; font-size: 48px; line-height: 50px; padding-top: 30px; font-family: arial; color: #000;}
.news_li .left span{ color: #666;}
.news_li .right{ width: 505px; height: auto; float: right;}
.news_li .right h3{ margin-top:26px; margin-bottom: 8px; font-weight: 100; font-size: 18px;}
.news_li .right p{ color: #888;}

/*products*/
.products{ width: 100%; height: 647px; background: url(images/products_bg.jpg) center no-repeat;}

.cp_list{ width: 338px; height: 412px; margin-top: 155px; background: #fff; right: 0;}
.cp_list .img{ width: 338px; height: 244px;}
.cp_list h4{ font-size: 18px; color: #000; float: left; margin: 25px 0 0 10px; font-weight: 100;}
.cp_list h4 a{ color: #000;}
.cp_list i{ width:15px; height: 15px; background: #2388f2; display: block; float: left; margin: 29px 0 0 20px;}
.cp_list p{ clear: both; width: 300px; padding-left: 20px; padding-top: 17px;}

/*涉足行业*/
.hangye{ width: 100%; height: 526px; background: #f5f5f5;}
.hangye .bt{ width: 135px; height: 77px; background: url(images/hangye_bt.png) no-repeat 0 45px; margin: 0 auto; padding-top: 45px;}
.hangye .hangyeleft{ width: 518px; height: auto; float: left; margin-top: 25px; right: 100px;}
.hangye .hangyeright{ width: 518px; height: auto; float: right; margin-top: 25px; left: 100px;}
.hangye a{ width: 518px; height: 134px; display: block; color: #000; margin-bottom: 20px;transition: all 200ms ease-in 0ms;}
.hangye a:hover{ color: #2388f2;}
.hangye .img{ width: 135px; height: 134px; float: left;}
.hangye .rig{ width: 383px; height: 134px; float: left; background: #fff;}
.hangye .rig h3{ font-size: 18px; padding-left: 20px; line-height: 50px; padding-top: 10px; font-weight: 100;}
.hangye .rig p{ padding-left: 20px; color: #666; width:343px;}

/*page_about*/
.page_about{ width: 100%; height: 489px; background: url(images/page_about.jpg) center no-repeat;}
.page_news{ width: 100%; height: 489px; background: url(images/page_news.jpg) center no-repeat;}
.page_pro{ width: 100%; height: 489px; background: url(images/page_pro.jpg) center no-repeat;}
.page_pro2{ width: 100%; height: 489px; background: url(images/page_pro2.jpg) center no-repeat;}
.page_pro3{ width: 100%; height: 489px; background: url(images/page_pro3.jpg) center no-repeat;}
.page_dang{ width: 100%; height: 489px; background: url(images/page_dang.jpg) center no-repeat;}
.page_contact{ width: 100%; height: 489px; background: url(images/page_about.jpg) center no-repeat;}
.page_nav{ width: 100%; height: auto; margin-top: 15px;}
.page_nav li a{ width: 210px; height: 99px; background: url(images/page_nav.jpg); display: block;}
.page_nav li a h4{ text-indent: 35px; font-size: 18px; font-weight: bold; padding-top: 25px;}
.page_nav li a p{ text-indent: 35px; color: #d4d4d4; font-size: 12px;}
.page_nav li a:hover,.page_nav li a.active{ width: 210px; height: 99px; background: url(images/page_nav_on.jpg); display: block; color: #2388f2;}
.page_bt{ width: 1050px; height: 169px; margin: 0 auto; padding-top: 320px;}
.main{ width: 1050px; min-height: auto; margin: 0 auto;}
.main .page_nav{ width: 210px; height: auto;}
.main .page_main{ width: 800px; min-height: 600px; background: #ededed; margin-bottom: 80px; padding: 0 20px 35px;}
.main .page_main h4{ padding: 10px 0 4px; font-size: 16px; color: #333;}
.main .page_main p{ padding: 4px 0;}

.qyb_nav{ width: 210px; height: auto; margin-top: 15px;}
.qyb_nav li a{ width: 210px; height: 34px; background: url(images/qyb_nav.jpg); display: block; line-height:32px; text-indent:35px;}
.qyb_nav li a:hover{ width: 210px; height: 34px; background: url(images/qyb_nav_on.jpg); display: block; color: #2388f2;}

/*page_news*/
.newsList1{ height:auto; overflow:hidden;}
.newsList1 li{ height:122px; overflow:hidden; border-bottom:1px dotted #999;}
.newsList1 li a{ display:block; height:93px; padding:20px 0;}
.newsList1 li:hover{ background:#fafafa;}
.newsList1 li .date{ width:50px; color:#acacac; float:left; margin-right:22px;}
.newsList1 li .date b{ width:50px; display:block; text-align:center; font-size:36px; line-height:30px; font-family:arial; margin-top:10px; color:#888;}
.newsList1 li .date span{ display:block; text-align:center; line-height:22px; width:50px; font-size:12px; color:#666;}
.newsList1 li .img2{ float:left; width:160px;}
.newsList1 li .newsLR{ float:left; width:712px; margin-left:16px;}
.newsList1 li .newsLR h3{ text-align:left; line-height:26px; font-size:16px; height: 26px; overflow: hidden; color: #333; font-weight: 100;}
.newsList1 li .newsLR p{ line-height:24px; width:712px; height:50px; overflow:hidden; color:#999;}

.news_detail{ text-align: center;}
.news_detail span{ color: #999; font-size: 12px;}
.news_detail .text{ text-align: left;}

/*page_cp_main*/
.page_cp_main{ width: 100%; height: 614px; background: url(images/cp_main_bg.jpg) center no-repeat;}

/*page_contact*/
.map{position:absolute;top:0;left:0;z-index:1;width:100%;height:430px;}
.mapbox{position:relative; width:798px;height:398px;overflow:hidden; border:1px solid #ccc; margin-top: 10px;}

/*cp_nav*/
.cp_nav{ width: 100%; height: auto; margin-bottom: 20px; clear: both; overflow: hidden;}
.cp_nav li a{ padding: 10px 20px; background: #2388f2; color: #fff; line-height: 39px; margin-right: 10px; border-radius: 5px; transition: all 200ms ease-in 0ms;}
.cp_nav li a:hover{ background: #1b76d6;}

/*footer*/
.footer{ width: 100%; height: 248px; background: #0a3159; clear: both;}
.fot dl{ width: 175px; height: auto; float: left; margin-top: 40px;}
.fot dt{ width: 175px; height: 31px; background: #10477f; text-indent: 8px; color: #fff; font-size: 18px; line-height: 31px; margin-bottom: 16px;}
.fot dd{ width: 175px; height: auto; line-height: 30px; color: #a5adb8; background: url(images/foot_icon.png) no-repeat; text-indent: 20px;}
.fot dd a{ color: #a5adb8; display: block;}
.fot dd a:hover{ color: #a5adb8; text-decoration: underline;}

.rtfot{ width: 162px; height: auto; margin-top: 34px; float: right;}
.rtfot p{ text-align: center; color: #fff; line-height: 40px;}

.foots{ width: 100%; height: 70px; background: #072645; line-height: 70px; color: #d5d7da;}
.foots span{ color:#1d74d0;}
.foots .add{ background: url(images/foot_icon_add.png) no-repeat; padding-left: 17px;}
.foots .add a{ color:#d5d7da;transition: all 0.3s ease 0s;}
.foots .add a:hover{ color:#fff;}
.page_foot{ border-top:10px solid #32527b;}

/*底部翻页*/
.pagesnow a{ width:35px; height:35px; line-height:35px; background:#ff2100; color:#fff; font-size:16px; margin-right:2px; border:1px solid #eee; border-radius:5px; display:block; text-align: center;}/*定住样式*/
.pages a{ width:35px; height:35px; line-height:35px; background:#fff; color:#666; font-size:16px; margin-right:3px; border:1px solid #dcdcdc; border-radius:5px; display:block; text-align: center;}/*未定住样式*/
.pages a:hover{ background:#999; color:#fff;}
.pagean{ width:35px; height:35px; margin-right:3px;}/*两侧按钮*/

/*右侧客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:160px; height:324px; float:right; position:fixed; right:10px; top:50%; margin-top: -62px; z-index: 11111111; background:#fff; border:5px solid #0a315a;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:150px;
}
#tbox .text{ width:100%; height:50px; background:#0a315a; color:#fff; text-align:center; line-height:50px; font-size:18px;}
#tbox li{ width:80%; height:50px; margin-left:10%; border-bottom:1px solid #cecece; float:left; padding-top:10px; padding-bottom:5px;}
#tbox li h3{ font-weight:100; font-size:15px;}